.message-comp {
    & {
        position: fixed;
        width: 100%;
        z-index: 899;
    }
    p {
        padding: .1rem .5rem;
        background: white;
        border-radius: .1rem;
        animation: 1.8s rainbow forwards;
    }
    img {
        margin-right: .2rem;
        height: .35rem;
        width: .35rem;
    }
}

@keyframes rainbow {
    0% {
        margin-top: -1rem;
    }
    20% {
        margin-top: 1.5rem;
    }
    80% {
        margin-top: 1.5rem;
    }
    100% {
        margin-top: -1rem;
    }
}